<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/21
  Time: 20:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>学习主题</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- All Plugins Css -->
    <link href="assets/css/plugins.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="assets/css/styles.css" rel="stylesheet">
</head>

<body class="blue-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="Loader"></div>

<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">

    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->
    <!-- Start Navigation -->
    <div class="header header-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <nav id="navigation" class="navigation navigation-landscape">
                        <div class="nav-header">
                            <a class="nav-brand" href="#">
                                <img src="assets/img/logo3.png" class="logo" alt="" />
                            </a>
                            <div class="nav-toggle"></div>
                        </div>
                        <div class="nav-menus-wrapper">
                            <ul class="nav-menu">

                                <li><a href="jump/toindex">主页<span class="submenu-indicator"></span></a>
                                </li>

                                <li class="active"><a href="jump/tostudy">学习主题<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toclass">Java</a></li>
                                        <li><a href="jump/toclass">Java Script</a></li>
                                        <li><a href="jump/toclass">C</a></li>
                                        <li><a href="jump/toclass">C#</a></li>
                                        <li><a href="jump/toclass">C++</a></li>
                                        <li><a href="jump/toclass">Python</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/toarticles">精品文章</a></li>
                                <li><a href="jump/tofaq">问题与解答</a></li>
                                <li><a href="jump/toteacher">金牌讲师<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/toteacher">mxt</a></li>
                                    </ul>
                                </li>
                                <li><a href="jump/touser">其他<span class="submenu-indicator"></span></a>
                                    <ul class="nav-dropdown nav-submenu">
                                        <li><a href="jump/tologin">登录</a></li>
                                        <li><a href="jump/tosignup">注册</a></li>
                                        <li><a href="jump/towallets">数据表</a></li>
                                        <li><a href="jump/touser">个人信息</a></li>
                                        <li><a href="index/logout/${jump}">退出登录</a> </li>
                                    </ul>
                                </li>
                            </ul>
                            <jsp:include page="denglu.jsp"/>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- End Navigation -->
    <div class="clearfix"></div>
    <!-- ============================================================== -->
    <!-- Top header  -->
    <!-- ============================================================== -->

    <!-- ============================ Dashboard Header Start================================== -->
    <div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="_capt9oi">
                        <h1 class="text-light">Search Products</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ========================== Dashboard Header header ============================= -->


    <!-- ========================== Search Elements ============================= -->
    <section class="gray-light">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-12 col-sm-12">
                    <div class="search-sidebar sm-sidebar">
                        <div class="search-sidebar_header">
                            <h4 class="ssh_heading">Filter & Refine</h4>
                        </div>
                        <div class="search-sidebar-body">

                            <!-- Single Option -->
                            <div class="single_search_boxed">
                                <div class="widget-boxed-body">
                                    <div class="side-list no-border">
                                        <div class="filter-card" id="shop-categories">


                                            <!-- Single Filter Card -->
                                            <div class="single_filter_card">
                                                <h5><a href="#allcates" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">All categories<i class="accordion-indicator ti-angle-down"></i></a></h5>

                                                <div class="collapse show" id="allcates" data-parent="#shop-categories">
                                                    <div class="card-body">
                                                        <div class="inner_widget_link">
                                                            <ul>
                                                                <li><a href="#">WordPress Themes<span>432</span></a></li>
                                                                <li><a href="#">Site templates<span>82</span></a></li>
                                                                <li><a href="#">UI Templates<span>541</span></a></li>
                                                                <li><a href="#">Marketing<span>312</span></a></li>
                                                                <li><a href="#">Templates Kits<span>65</span></a></li>
                                                                <li><a href="#">Graphics<span>242</span></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Single Filter Card -->
                                            <div class="single_filter_card">
                                                <h5><a href="#ecommerce" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">eCommerce<i class="accordion-indicator ti-angle-down"></i></a></h5>

                                                <div class="collapse" id="ecommerce" data-parent="#shop-categories" style="">
                                                    <div class="card-body">
                                                        <div class="inner_widget_link">
                                                            <ul>
                                                                <li><a href="#">WordPress Theme<span>112</span></a></li>
                                                                <li><a href="#">Shopify<span>82</span></a></li>
                                                                <li><a href="#">BigCommerce<span>56</span></a></li>
                                                                <li><a href="#">Magento<span>101</span></a></li>
                                                                <li><a href="#">OpenCart<span>212</span></a></li>
                                                                <li><a href="#">PrestaShop<span>92</span></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Single Filter Card -->
                                            <div class="single_filter_card">
                                                <h5><a href="#templates" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Templates<i class="accordion-indicator ti-angle-down"></i></a></h5>

                                                <div class="collapse" id="templates" data-parent="#shop-categories" style="">
                                                    <div class="card-body">
                                                        <div class="inner_widget_link">
                                                            <ul>
                                                                <li><a href="#">WordPress Theme<span>112</span></a></li>
                                                                <li><a href="#">Shopify<span>82</span></a></li>
                                                                <li><a href="#">BigCommerce<span>56</span></a></li>
                                                                <li><a href="#">Magento<span>101</span></a></li>
                                                                <li><a href="#">OpenCart<span>212</span></a></li>
                                                                <li><a href="#">PrestaShop<span>92</span></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Single Filter Card -->
                                            <div class="single_filter_card">
                                                <h5><a href="#blogging" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Blogging<i class="accordion-indicator ti-angle-down"></i></a></h5>

                                                <div class="collapse" id="blogging" data-parent="#shop-categories">
                                                    <div class="card-body">
                                                        <div class="inner_widget_link">
                                                            <ul>
                                                                <li><a href="#">WordPress Theme<span>112</span></a></li>
                                                                <li><a href="#">Shopify<span>82</span></a></li>
                                                                <li><a href="#">BigCommerce<span>56</span></a></li>
                                                                <li><a href="#">Magento<span>101</span></a></li>
                                                                <li><a href="#">OpenCart<span>212</span></a></li>
                                                                <li><a href="#">PrestaShop<span>92</span></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Option -->
                            <div class="single_search_boxed">
                                <div class="widget-boxed-header">
                                    <h4><a href="#pricing" data-toggle="collapse" aria-expanded="false" role="button">Pricing</a></h4>
                                </div>
                                <div class="widget-boxed-body collapse show" id="pricing" data-parent="#pricing">
                                    <div class="side-list no-border mb-4">
                                        <div class="rg-slider">
                                            <input type="text" class="js-range-slider" name="my_range" value="" />
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Option -->
                            <div class="single_search_boxed">
                                <div class="widget-boxed-header">
                                    <h4><a href="#tags" data-toggle="collapse" aria-expanded="false" role="button">Tags</a></h4>
                                </div>
                                <div class="widget-boxed-body collapse show" id="tags" data-parent="#tags">
                                    <div class="side-list no-border">
                                        <!-- Single Filter Card -->
                                        <div class="single_filter_card">
                                            <div class="card-body pt-0">
                                                <div class="inner_widget_link">
                                                    <ul class="no-ul-list">
                                                        <li>
                                                            <input id="b1" class="checkbox-custom" name="b1" type="checkbox">
                                                            <label for="b1" class="checkbox-custom-label">Real Estate<span>142</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="b2" class="checkbox-custom" name="b2" type="checkbox">
                                                            <label for="b2" class="checkbox-custom-label">Property<span>652</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="b3" class="checkbox-custom" name="b3" type="checkbox">
                                                            <label for="b3" class="checkbox-custom-label">Residence<span>232</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="b4" class="checkbox-custom" name="b4" type="checkbox">
                                                            <label for="b4" class="checkbox-custom-label">Real<span>192</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="b5" class="checkbox-custom" name="b5" type="checkbox">
                                                            <label for="b5" class="checkbox-custom-label">Estate<span>265</span></label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Option -->
                            <div class="single_search_boxed">
                                <div class="widget-boxed-header">
                                    <h4><a href="#sales" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Sales</a></h4>
                                </div>
                                <div class="widget-boxed-body collapse" id="sales" data-parent="#sales">
                                    <div class="side-list no-border">
                                        <!-- Single Filter Card -->
                                        <div class="single_filter_card">
                                            <div class="card-body pt-0">
                                                <div class="inner_widget_link">
                                                    <ul class="no-ul-list">
                                                        <li>
                                                            <input id="g1" class="checkbox-custom" name="g1" type="checkbox">
                                                            <label for="g1" class="checkbox-custom-label">No Slae<span>2</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="g2" class="checkbox-custom" name="g2" type="checkbox">
                                                            <label for="g2" class="checkbox-custom-label">Low Sales<span>472</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="g3" class="checkbox-custom" name="g3" type="checkbox">
                                                            <label for="g3" class="checkbox-custom-label">Medium Sales<span>170</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="g4" class="checkbox-custom" name="g4" type="checkbox">
                                                            <label for="g4" class="checkbox-custom-label">High Sales<span>170</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="g5" class="checkbox-custom" name="g5" type="checkbox">
                                                            <label for="g5" class="checkbox-custom-label">Top Sellers<span>170</span></label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Option -->
                            <div class="single_search_boxed">
                                <div class="widget-boxed-header">
                                    <h4><a href="#rating" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Rating</a></h4>
                                </div>
                                <div class="widget-boxed-body collapse" id="rating" data-parent="#rating">
                                    <div class="side-list no-border">
                                        <!-- Single Filter Card -->
                                        <div class="single_filter_card">
                                            <div class="card-body pt-0">
                                                <div class="inner_widget_link">
                                                    <ul class="no-ul-list">
                                                        <li>
                                                            <input id="d1" class="checkbox-custom" name="d1" type="checkbox">
                                                            <label for="d1" class="checkbox-custom-label">Show All<span>250</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="d2" class="checkbox-custom" name="d2" type="checkbox">
                                                            <label for="d2" class="checkbox-custom-label">1 Star<span>25</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="d3" class="checkbox-custom" name="d3" type="checkbox">
                                                            <label for="d3" class="checkbox-custom-label">2 Star<span>17</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="d4" class="checkbox-custom" name="d4" type="checkbox">
                                                            <label for="d4" class="checkbox-custom-label">3 Star<span>40</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="d5" class="checkbox-custom" name="d5" type="checkbox">
                                                            <label for="d5" class="checkbox-custom-label">4 Star<span>52</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="d6" class="checkbox-custom" name="d6" type="checkbox">
                                                            <label for="d6" class="checkbox-custom-label">5 Star<span>50</span></label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single Option -->
                            <div class="single_search_boxed">
                                <div class="widget-boxed-header">
                                    <h4><a href="#comp" data-toggle="collapse" class="collapsed" aria-expanded="false" role="button">Compatible With</a></h4>
                                </div>
                                <div class="widget-boxed-body collapse" id="comp" data-parent="#comp">
                                    <div class="side-list no-border">
                                        <!-- Single Filter Card -->
                                        <div class="single_filter_card">
                                            <div class="card-body pt-0">
                                                <div class="inner_widget_link">
                                                    <ul class="no-ul-list">
                                                        <li>
                                                            <input id="t1" class="checkbox-custom" name="t1" type="checkbox">
                                                            <label for="t1" class="checkbox-custom-label">Woocommerce<span>422</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="t2" class="checkbox-custom" name="t2" type="checkbox">
                                                            <label for="t2" class="checkbox-custom-label">Bootstrap<span>472</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="t3" class="checkbox-custom" name="t3" type="checkbox">
                                                            <label for="t3" class="checkbox-custom-label">Wp Bakery Builder<span>170</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="t4" class="checkbox-custom" name="t4" type="checkbox">
                                                            <label for="t4" class="checkbox-custom-label">Elementor Builder<span>140</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="t5" class="checkbox-custom" name="t5" type="checkbox">
                                                            <label for="t5" class="checkbox-custom-label">BuddyPress<span>140</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="t6" class="checkbox-custom" name="t6" type="checkbox">
                                                            <label for="t6" class="checkbox-custom-label">Digital downloads<span>140</span></label>
                                                        </li>
                                                        <li>
                                                            <input id="t7" class="checkbox-custom" name="t7" type="checkbox">
                                                            <label for="t7" class="checkbox-custom-label">Angular JS<span>140</span></label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="col-lg-8 col-md-12 col-sm-12">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="_filt_tag786">
                                <div class="_tag782">
                                    <div class="_tag780">32 Items found</div>
                                </div>
                                <div class="_tag785">
                                    <div class="__g72juy">
                                        <a href="search-product.html" class="_ujh_tyr"><i class="ti-layout-grid2"></i></a>
                                        <a href="list-search-product.html" class="_ujh_tyr active"><i class="ti-view-list"></i></a>
                                    </div>
                                    <div class="_g78juy">
                                        <select class="form-control">
                                            <option>Best Match</option>
                                            <option>Best Sellers</option>
                                            <option>Recent Items</option>
                                            <option>Featured Items</option>
                                            <option>Trending Items</option>
                                            <option>Best Rated</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Show All List -->
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">

                            <!-- Single List Item -->
                            <div class="_list_iju76">
                                <img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
                                <div class="_iju76_01">
                                    <div class="_iju76_thumb">
                                        <a href="item-detail.html"><img src="assets/img/preview-1.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="_iju76_caption">
                                        <h4 class="_kj76"><a href="item-detail.html">Reveal - Online Business Listing & Directory WP Theme</a></h4>
                                        <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                        <div class="uhtro">
                                            <ul>
                                                <li>Beautiful Home Page</li>
                                                <li>Advance Search</li>
                                                <li>10+ Home Pages</li>
                                            </ul>
                                        </div>
                                        <div class="item_list_links">
                                            <a href="item-detail.html" class="link link_prview">Preview</a>
                                            <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                            <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="_iju76_02">
                                    <div class="_lo9orw"><sup>$</sup>39</div>
                                    <div class="_8xc_pi">712 Sales</div>
                                    <div class="_j56ty1q">
                                        <div class="_iju7_reviw">
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star"></i>
                                            <span>(102)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single List Item -->
                            <div class="_list_iju76">
                                <div class="_iju76_01">
                                    <div class="_iju76_thumb">
                                        <a href="item-detail.html"><img src="assets/img/preview-2.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="_iju76_caption">
                                        <h4 class="_kj76"><a href="item-detail.html">JobVivo - Job Board HTML Template</a></h4>
                                        <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                        <div class="uhtro">
                                            <ul>
                                                <li>Beautiful Home Page</li>
                                                <li>Advance Search</li>
                                                <li>10+ Home Pages</li>
                                            </ul>
                                        </div>
                                        <div class="item_list_links">
                                            <a href="item-detail.html" class="link link_prview">Preview</a>
                                            <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                            <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="_iju76_02">
                                    <div class="_lo9orw"><sup>$</sup>21</div>
                                    <div class="_8xc_pi">52 Sales</div>
                                    <div class="_j56ty1q">
                                        <div class="_iju7_reviw">
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star"></i>
                                            <span>(21)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single List Item -->
                            <div class="_list_iju76">
                                <div class="_iju76_01">
                                    <div class="_iju76_thumb">
                                        <a href="item-detail.html"><img src="assets/img/preview-3.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="_iju76_caption">
                                        <h4 class="_kj76"><a href="item-detail.html">LearnUp - Online LMS Education WP Theme</a></h4>
                                        <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                        <div class="uhtro">
                                            <ul>
                                                <li>Beautiful Home Page</li>
                                                <li>Advance Search</li>
                                                <li>10+ Home Pages</li>
                                            </ul>
                                        </div>
                                        <div class="item_list_links">
                                            <a href="item-detail.html" class="link link_prview">Preview</a>
                                            <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                            <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="_iju76_02">
                                    <div class="_lo9orw"><sup>$</sup>49</div>
                                    <div class="_8xc_pi">600 Sales</div>
                                    <div class="_j56ty1q">
                                        <div class="_iju7_reviw">
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star"></i>
                                            <span>(56)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single List Item -->
                            <div class="_list_iju76">
                                <img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
                                <div class="_iju76_01">
                                    <div class="_iju76_thumb">
                                        <a href="item-detail.html"><img src="assets/img/preview-4.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="_iju76_caption">
                                        <h4 class="_kj76"><a href="item-detail.html">Odex - Online Grocery &amp; Organic Food</a></h4>
                                        <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                        <div class="uhtro">
                                            <ul>
                                                <li>Beautiful Home Page</li>
                                                <li>Advance Search</li>
                                                <li>10+ Home Pages</li>
                                            </ul>
                                        </div>
                                        <div class="item_list_links">
                                            <a href="item-detail.html" class="link link_prview">Preview</a>
                                            <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                            <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="_iju76_02">
                                    <div class="_lo9orw"><sup>$</sup>59</div>
                                    <div class="_8xc_pi">75 Sales</div>
                                    <div class="_j56ty1q">
                                        <div class="_iju7_reviw">
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star"></i>
                                            <span>(05)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single List Item -->
                            <div class="_list_iju76">
                                <div class="_iju76_01">
                                    <div class="_iju76_thumb">
                                        <a href="item-detail.html"><img src="assets/img/preview-5.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="_iju76_caption">
                                        <h4 class="_kj76"><a href="item-detail.html">Resido - Real Estate HTML Template</a></h4>
                                        <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                        <div class="uhtro">
                                            <ul>
                                                <li>Beautiful Home Page</li>
                                                <li>Advance Search</li>
                                                <li>10+ Home Pages</li>
                                            </ul>
                                        </div>
                                        <div class="item_list_links">
                                            <a href="item-detail.html" class="link link_prview">Preview</a>
                                            <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                            <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="_iju76_02">
                                    <div class="_lo9orw"><sup>$</sup>21</div>
                                    <div class="_8xc_pi">40 Sales</div>
                                    <div class="_j56ty1q">
                                        <div class="_iju7_reviw">
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star"></i>
                                            <span>(4)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single List Item -->
                            <div class="_list_iju76">
                                <div class="_iju76_01">
                                    <div class="_iju76_thumb">
                                        <a href="item-detail.html"><img src="assets/img/preview-6.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="_iju76_caption">
                                        <h4 class="_kj76"><a href="item-detail.html">Unico - Multipurpose HTML Template</a></h4>
                                        <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                        <div class="uhtro">
                                            <ul>
                                                <li>Beautiful Home Page</li>
                                                <li>Advance Search</li>
                                                <li>10+ Home Pages</li>
                                            </ul>
                                        </div>
                                        <div class="item_list_links">
                                            <a href="item-detail.html" class="link link_prview">Preview</a>
                                            <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                            <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="_iju76_02">
                                    <div class="_lo9orw"><sup>$</sup>20</div>
                                    <div class="_8xc_pi">203 Sales</div>
                                    <div class="_j56ty1q">
                                        <div class="_iju7_reviw">
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star"></i>
                                            <span>(102)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Single List Item -->
                            <div class="_list_iju76">
                                <div class="_iju76_01">
                                    <div class="_iju76_thumb">
                                        <a href="item-detail.html"><img src="assets/img/preview-8.jpg" class="img-fluid" alt=""></a>
                                    </div>
                                    <div class="_iju76_caption">
                                        <h4 class="_kj76"><a href="item-detail.html">Job Stock - Job Board WordPress Theme</a></h4>
                                        <div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">EcoThemes</a><span> in </span><a class="cate_mnb" href="#">Agency</a></div>
                                        <div class="uhtro">
                                            <ul>
                                                <li>Beautiful Home Page</li>
                                                <li>Advance Search</li>
                                                <li>10+ Home Pages</li>
                                            </ul>
                                        </div>
                                        <div class="item_list_links">
                                            <a href="item-detail.html" class="link link_prview">Preview</a>
                                            <a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
                                            <a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="_iju76_02">
                                    <div class="_lo9orw"><sup>$</sup>49</div>
                                    <div class="_8xc_pi">56 Sales</div>
                                    <div class="_j56ty1q">
                                        <div class="_iju7_reviw">
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star filled"></i>
                                            <i class="fa fa-star"></i>
                                            <span>(22)</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <ul class="pagination mt-0">
                                <li class="page-item">
                                    <a class="page-link" href="#" aria-label="Previous">
                                        <span class="ti-arrow-left"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                </li>
                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item active"><a class="page-link" href="#">3</a></li>
                                <li class="page-item"><a class="page-link" href="#">...</a></li>
                                <li class="page-item"><a class="page-link" href="#">18</a></li>
                                <li class="page-item">
                                    <a class="page-link" href="#" aria-label="Next">
                                        <span class="ti-arrow-right"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- ========================== Dashboard Elements ============================= -->

    <!-- ============================ Call To Action Start ================================== -->
    <section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
        <div class="container">
            <div class="row justify-content-center">

                <div class="col-lg-7 col-md-8">
                    <div class="clt-caption text-center mb-4">
                        <h3>Subscribe Now!</h3>
                        <p>Simple pricing plans. Unlimited web maintenance service</p>
                    </div>
                    <div class="inner-flexible-box subscribe-box">
                        <div class="input-group">
                            <input type="text" class="form-control large" placeholder="Enter your mail here">
                            <button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ Call To Action End ================================== -->

    <!-- =========================== Footer Start ========================================= -->
    <jsp:include page="footer.jsp"></jsp:include>
    <!-- =========================== Footer End ========================================= -->

    <!-- Log In Modal -->
    <!-- End Modal -->

</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/ion.rangeSlider.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->

<script>
    function openRightMenu() {
        document.getElementById("rightMenu").style.display = "block";
    }
    function closeRightMenu() {
        document.getElementById("rightMenu").style.display = "none";
    }
</script>

<script>
    $(".js-range-slider").ionRangeSlider({
        type: "double",
        min: 0,
        max: 1000,
        from: 200,
        to: 500,
        grid: true
    });
</script>

</body>
</html>